<script setup lang="ts">

</script>

<template>
  <div class="search">
    <input placeholder="Reno9系列" class="search-input" type="text">
    <img class="search-svg" src="../../assets/images/search.svg" alt="search">
  </div>
</template>

<style scoped lang="scss">
.search {
  display: flex;
  align-items: center;
  height: 32px;
  margin-left: 40px;
  border: 1px solid #000000;
  border-radius: 16px;
  opacity: 0.3;

  .search-input {
    outline: 0;
    border: 0;
    background: transparent;
    text-indent: 10px;
  }

  .search-svg {
    cursor: pointer;
    margin-right: 10px;
    height: 20px;

  }
}
</style>